<meta charset="utf-8" />
<div class="container">
    <input placeholder="Pls input some funny ..." /><div>百度一下</div>
</div>
<style>
    .container {
        text-align: center;
    }
    .container > input {
        width: 350px;
        height: 40px;
        border: 2px solid lightgray;
        font-size: 16px;
        padding-left: 15px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .container > div {
        color: white;
        display: inline-block;
        background-color: rgba(0, 102, 255, 0.8);
        width: 100px;
        height: 40px;
        line-height: 40px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-left: -2px;
        cursor: pointer;
    }
    .container > div:hover {
        background-color: rgba(0, 102, 255, 1);
    }
</style>